<template>
	<view>
		<uni-popup ref="upphone" mode="center">
			<view class="bgfff ra15 width1440 posire pt30 ">
				<image @click="$refs.upphone.close()" mode="widthFix" class="image posiab right30 top20 width50"
					src="/static/img/bi.png"></image>
				<view class="size36 color333 bold flex-a-i ml50 mb30">
					<view class="wh6-30 mt8 bg2C7BFF mr15"></view>配置服务器地址
				</view>
				<view class="border-tebecef flex-ju-a pg50">
					<view class="flex-a-i flex-col">
						<view class="pg10 borderEBECEF">
							<image mode="widthFix" class="image width300"
								:src="'data:image/jpeg;base64,'+phoneCodeData.androidQrCode"></image>
						</view>
						<view class="color165FFF wh300-60 flex-ju-c mt20 border165FFF">Android 扫码下载</view>
					</view>
					<view v-if="phoneCodeData.iosQrCode" class="flex-a-i flex-col">
						<view class="pg10 borderEBECEF">
							<image mode="widthFix" class="image width300" :src="'data:image/jpeg;base64,'+phoneCodeData.iosQrCode"></image>
						</view>
						<view class="color165FFF wh300-60 flex-ju-c mt20 border165FFF">iOS 扫码下载</view>
					</view>
					<view class="flex-a-i flex-col">
						<view class="pg10 borderEBECEF">
							<image mode="widthFix" class="image width300"
								:src="'data:image/jpeg;base64,'+phoneCodeData.serverAddressQrCode"></image>
						</view>
						<view class="colorffF wh300-60 flex-ju-c mt20 bg165FFF border165FFF">移动端扫码配置</view>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "phone-config",
		data() {
			return {
				phoneCodeData: {}
			};
		},
		methods: {
			close() {
				this.$refs.upphone.close()
			},
			open() {
				this.http('/system/client/version/download/center').then(res => {
					this.phoneCodeData = res.data
					this.$refs.upphone.open()
				})
			}
		}
	}
</script>

<style>

</style>